import styled from 'styled-components'

export const SearchTabsWrapper = styled.div`
  display: flex;
  align-items: center;
  justify-content: center;
  color: ${ props => props.theme.isAlpha ? '#fff' : '#222' };

  .item {
    position: relative;
    width: 64px;
    height: 20px;
    margin: 10px 16px;
    //padding: 10px;
    cursor: pointer;
    font-size: 16px;

    &.active .bottom {
      position: absolute;
      top: 28px;
      left: 0;
      width: 64px;
      height: 2px;
      background: ${ props => props.theme.isAlpha ? "#fff" : '#333' };
      //border-bottom: 1px solid #000;
    }
  }
`
